<!DOCTYPE html>
<html class="x-admin-sm">

	<head>
		<meta charset="UTF-8">
		<title>欢迎页面-X-admin2.2</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>

	<body>
		<div class="layui-fluid">
			<div class="layui-row">
				<form action="" method="post" class="layui-form layui-form-pane" id="form1">
					<div class="layui-form-item">
						<label for="name" class="layui-form-label">
                        <span class="x-red">*</span>角色名
                    </label>
						<div class="layui-input-inline">
							<input placeholder="请输入新角色" type="text" id="name" name="roleName" required="" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<button class="layui-btn" lay-submit="" lay-filter="add" id="btn">增加</button>
					</div>
				</form>
			</div>
		</div>
		<script src="./js/vue.min.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/axios.min.js"></script>
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.cookie.js"></script>
		<script>
			layui.use(['form', 'layer'], function() {
				$ = layui.jquery;
				var form = layui.form,
					layer = layui.layer;

				//自定义验证规则
				form.verify({
					nikename: function(value) {
						if(value.length < 5) {
							return '昵称至少得5个字符啊';
						}
					},
					pass: [/(.+){6,12}$/, '密码必须6到12位'],
					repass: function(value) {
						if($('#L_pass').val() != $('#L_repass').val()) {
							return '两次密码不一致';
						}
					}
				});

				//监听提交
				form.on('submit(add)', function(data) {
					$.ajax({
						type: "post",
						url: "http://localhost:9095/admin/permission/insertRole",
						async: true,
						headers: {
							"token2": $.cookie("token2")
						},
						data: $("#form1").serialize(),
						success(msg) {
							if(msg.code == 201) {
								layer.msg(msg.message, {
									icon: 1,
									time: 1000
								});

							} else if(msg.code == 205) {
								layer.msg(msg.message, {
									icon: 1,
									time: 1000
								});
								return false;
							} else {
								layer.alert("角色增加成功", {
									icon: 6
								}, function() {
									// 获得frame索引
									var index = parent.layer.getFrameIndex(window.name);
									//关闭当前frame
									parent.layer.close(index);
									// 可以对父窗口进行刷新 
									xadmin.father_reload();
								});
							}
						}
					});

					return false;
				});

				form.on('checkbox(father)', function(data) {

					if(data.elem.checked) {
						$(data.elem).parent().siblings('td').find('input').prop("checked", true);
						form.render();
					} else {
						$(data.elem).parent().siblings('td').find('input').prop("checked", false);
						form.render();
					}
				});

			});
		</script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
	</body>

</html>